<script setup lang="ts">
import { reactive, ref } from 'vue'
import { useElementBounding } from '@vueuse/core'
const el = ref(null)
const rect = reactive(useElementBounding(el))
</script>

<template>
  <div style="min-height: 200px">
    <note>
      调整框大小以查看更改
    </note>
    <textarea ref="el" readonly class="resizer" :value="JSON.stringify(rect)" />
  </div>
</template>